<template>
  <div class="list_block">
    <div class="list_title"><img src="../assets/img/list_title.png" />装备信息管理</div>
    <div class="list_tabs">
      <span class="list_tabs_c">单位装备</span
      ><span class="list_tabs_g">个人装备</span>
      <div class="list_tabs_input">
        <input name="" type="button" class="but" value="新增装备" /><input
          name=""
          type="button"
          class="but"
          value="导入数据"
        />
      </div>
    </div>
    <div class="list_search">
      名称：
      <input type="text" value="请选择" />
      &nbsp;&nbsp;型号：
      <select name="select">
        <option>请选择</option>
      </select>
      &nbsp;&nbsp;生产厂家：
      <input type="text" value="请选择" />
      &nbsp;&nbsp;&nbsp;&nbsp;<input
        name="查询"
        type="button"
        class="but_search"
        value="查询"
      />
    </div>
    <div class="list_tab">
      <table width="100%" border="0" cellspacing="0" cellpadding="0">
        <tbody >
          <tr>
            <th width="81">序号</th>
            <th width="127">名称</th>
            <th width="127">型号</th>
            <th width="170">生产厂家</th>
            <th width="274">购置时间</th>
            <th width="177">设备编号</th>
            <th width="128">维保状态</th>
            <th width="129">操作</th>
          </tr>

          <tr v-for="item in equipData" :key="item.id" >
            <td align="center" class="td_1">{{item.id}}</td>
            <td class="td_1">{{item.name}}</td>
            <td class="td_1">{{item.type}}</td>
            <td class="td_1">{{item.factory}}</td>
            <td class="td_1">{{item.time}}</td>
            <td class="td_1">{{item.num}}</td>
            <td class="td_1">{{item.state}}</td>
            <td class="td_1">
              <a @click="openEditor"
                href="javascript:void(0);"
                onclick="win_open('#win_bj','600','300');return false;"
                ><img src="../assets/img/list_bj.png" />编辑</a
              >
            </td>
          </tr>
          
        </tbody>
      </table>
    </div>

    <div class="list_page">
      共150页 <span class="list_page_block" onclick="">上一页</span
      ><span class="list_page_block" onclick="">1</span
      ><span class="list_page_block" onclick="">2</span
      ><span class="list_page_block" onclick="">3</span
      ><span class="list_page_block" onclick="">4</span
      ><span class="list_page_block" onclick="">5</span
      ><span class="list_page_block" onclick="">...</span
      ><span class="list_page_block" onclick="">15</span
      ><span class="list_page_block" onclick="">下一页</span> 跳至<select
        name="select"
        class="txt_page"
      >
        <option>1</option></select
      >页
    </div>
  <equip-open :dialogVisible="dialogVisible" @close="closeEditor"></equip-open>
  </div>
</template>

<script>
import EquipOpen from './EquipOpen.vue';

export default {
  components: { EquipOpen },
    data(){
        return{
           equipData:[
               {id:1,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:2,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:3,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:4,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:5,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:6,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"},
               {id:7,name:"名称一",type:"型号一",factory:"厂家一",time:"2020-01-01 12:02:02",num:"FZ000001",state:"状态一"}
           ],
           dialogVisible:false
        }
    },
    methods:{
      openEditor(){
        this.dialogVisible=true
      },
      closeEditor(){
        this.dialogVisible=false
      }
    }
};
</script>

<style>
</style>